<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>更改手机绑定</title>
    <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" />
    <meta name="wap-font-scale" content="no">
    <meta name="screen-orientation" content="portrait">
    <meta name="x5-orientation" content="portrait">
    <meta name="x5-fullscreen" content="true">
    <meta name="format-detection" content="telephone=no,email=no,address=no,date=no" />
    <link rel="stylesheet" href="../../common/css/reset.css">
    <link rel="stylesheet" href="../../common/css/public.css">
    <script>

        /*更改手机绑定调用*/
        window.onload=function () {
            if(baseAll.isMobileDevice()=='ios'){
                nextPhoneDevice.iosLoad();
            }
            baseAll.deviceReturn();
        }
    </script>
</head>
<body>
    <div class="top_fixed">
        <!--头部返回与标题-->
        <header id="top_back" class="txt_center">
            <a href='javascript:;' class="back_btn"></a>
            <h3 class="tableBox">更改手机绑定</h3>
        </header>
    </div>
    <div style="height:1.6rem"></div>
    <!-- section 主体 -->
    <section class="wrap txt_center">
        <p class="safe_city">身份验证</p>
        <div id="txtPart">
            <form action="">
                <dl class="over_hide clearfix">
                    <dt class="fl">
                        <i class="bg_eq person"></i>
                    </dt>
                    <dd class="fl">
                        <input 
                               type="number"
                               name=""
                               placeholder="输入旧手机号码"
                               class="formInput"
                               id="mobile"
                               data-error="手机号码格式不正确"
                               data-empty="手机号码不能为空"
                               data-reg="^1(3|4|5|7|8|9)\d{9}$"
                               data-correct="输入旧手机号码"
                               oninput="if(value.length>0)value=value.slice(0,11)"
                        >
                    </dd>
                </dl>
                <div id="codeBox" class="clearfix">
                    <dl class="over_hide clearfix codeBox  fl">
                        <dt class="fl">
                            <i class="bg_eq codes"></i>
                        </dt>
                        <dd class="fl">
                            <input 
                                    type="number"
                                    name=""
                                    placeholder="验证码" 
                                    id="codes"
                                    class="formInput"
                                    data-reg="^[0-9]{4}"
                                    data-error="验证码格式错误"
                                    data-correct="验证码"
                                    oninput="if(value.length>0)value=value.slice(0,4)"
                                >
                        </dd>
                    </dl>
                    <button class="fr" type="button"   id="get_code">获取验证码</button>
                </div>
                <button type="button" class="public_button  block" id="next_btn" disabled>下一步</button>
            </form>
        </div>
    </section>

    <!--用户修改手机-->
    <section class="model hide"  id="alterMobileModal">
        <div class="boxCont pCenter txt_center">
            <h3>输入验证码</h3>
            <dl class="clearfix">
                <dt class="fl">
                    <input
                            type="number"
                            id="random_code"
                            class="formInput"
                            value=""
                            placeholder="输入验证码"
                            data-empty="验证码不能为空"
                            data-overtime="验证码输入超时"
                            data-error="验证码输入有误"
                            data-correct="输入验证码"
                            name=""
                            oninput="if(value.length>0)value=value.slice(0,4)"
                    >
                </dt>
                <dd class="fl" id="code_img">
                    <img src="" alt="" class="eq_resize" id="codeImg">
                </dd>
            </dl>
            <p class="sureBtn txt_center">确定</p>
            <a href="javascript:;" class="closed_btn"></a>
        </div>
    </section>

    <!-- 界面加载 -->
    <section class="loading_model hide">
        <img src="../images/loading.gif" alt="" class="pCenter">
    </section>
</body>
</html>

<script src="../../common/script/phoneSize.js"></script>
<script src="../../common/script/jquery-1.11.2.js"></script>
<script src="../../common/script/public.js"></script>
<script src="js/alterMobile.js"></script>
<script src="../public/westv.js"></script>
<script src="../public/baseAll.js"></script>
<script src="../model/modifyPhone/nextphone.js"></script>
<script>
    /*修改手机号码  下一步操作页面-----*/
    if(baseAll.isMobileDevice()=='android'){
        nextPhoneDevice.androidLoad();
    }
</script>


